<template>
	<benben-popup
		v-model="isShow"
		:mask="true"
		:mask-close-able="false"
		mode='center'
	>
		<!---次数用完提醒flex布局开始-->
		<view class="flex benben-flex-layout flex-wrap align-center">
			<view class='flex flex-direction flex-wrap align-center'>
				<view class='flex flex-direction align-stretch simplifiedPaper_fd6_0_c0'>
					<text class='simplifiedPaper_fd6_0_c0_c0'>提醒</text>
					<text class='simplifiedPaper_fd6_0_c0_c1'>尊敬的用户，您好。您的服务期限已到期或
						使用次数已用尽，您可通过以下方式继续使
						用：
						1、购买会员：您可通过续费/购买会员来获
						得延长服务期限；
						2、充值AI币：您可通过充值AI币，通过AI币
						支付使用次数；</text>
					<view class='flex flex-wrap align-center justify-between simplifiedPaper_fd6_0_c0_c2'>
						<view class='flex flex-wrap align-center justify-center simplifiedPaper_fd6_0_c0_c2_c0'>
							<text
								class='simplifiedPaper_fd6_0_c0_c2_c0_c0'
								@click="toChongzhi"
							>充值AI币</text>
						</view>
						<view class='flex flex-wrap align-center justify-center simplifiedPaper_fd6_0_c0_c2_c1'>
							<text
								class='simplifiedPaper_fd6_0_c0_c2_c0_c0'
								@click="toBuyVip"
							>购买会员</text>
						</view>
					</view>
				</view>
				<image
					class='simplifiedPaper_fd6_0_c1'
					mode="aspectFit"
					:src='STATIC_URL+"54.png"'
					@click.stop="isShow=false"
				></image>
			</view>
		</view>

		<!---次数用完提醒flex布局结束-->

	</benben-popup>
</template>
<!-- NotSendNotice -->
<script>
	/**
	 * 通讯说明
	 * 1. 通知项目去充值 (toChongzhi)
	 * 2. 通知项目去开会员 (toBuyVip)
	 */
	export default {
		props: {
			value: Boolean,
		},
		computed: {
			isShow: {
				get() { return this.value },
				set(val) { this.$emit('input', val) }
			}
		},
		methods: {
			/** 通知项目去充值 */
			toChongzhi() {
				uni.navigateTo({ url: "/pages/qbgl/recharge/recharge" });
				this.isShow = false;
			},
			/** 通知项目去开会员 */
			toBuyVip() {
				uni.navigateTo({ url: "/pages/mine/purchaseVIP/purchaseVIP" });
				this.isShow = false;
			},
		}
	}
</script>

<style
	lang="scss"
	scoped
>
	@import './../digitalPersonUseMessage.scss';
</style>